<template>
	<view class="shop">
		<view class="shopBig">
			<image class="shopBig" :src="dataList[0].bigUrl" mode=""></image>
		</view>

		<scroll-view class="scroll" scroll-x="true">
			<Commodity :commodityData="dataList[0].data" :nameSize="nameSize" :isWarp="isWarp" :itemWidth="itemWidth"
				:imgHeight="imgHeight">
			</Commodity>
		</scroll-view>
	</view>
</template>

<script>
	import Commodity from '../common/Commodity.vue'
	export default {
		components: {
			Commodity
		},
		props: {
			dataList: {
				type: Array,
				default: () => []
			}
		},
		data() {
			return {
				isWarp: 'nowrap',
				itemWidth: '230rpx',
				imgHeight: '230rpx',
				nameSize: '22rpx'
			}
		}
	}
</script>

<style scoped>
	.shop {
		width: 100%;
	}

	.shopBig {
		width: 100%;
	}

	.scroll {
		white-space: nowrap;

	}



	.scrollItem {
		display: inline-block;
		width: 200rpx;
		height: 200rpx;
	}
</style>